/* general */
* { padding: 0; margin: 0; }
html { overflow-y: scroll }
body { background-color: #FFF; text-align: center; font: 62.5% "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; color: #222; }
img { border: none; vertical-align: middle; }
/* headers */
h1 a { color: #000; text-decoration: none; }
h3 { color: #666; font-size: 1.4em;  }
h2 a {  }
/* lists */
li { list-style: none; }

/* text */
a { color: #234F32;  }
a:hover { text-decoration: none; }
.acenter { text-align: center; }
.fleft { float: left; }
.error { color: red; }

.clearboth { clear: both; }
.wrapper { position: relative; margin: 0 20px 0 30px; text-align: left; }
.pwrapper { position: relative; padding: 0 20px; text-align: left; }
.hidden { display: none; }

.focused { background-color: #FFF9DF }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* end of clearfix */

.text { font-size: 1.2em; }



/* actions on mouseover */
.actions { position: absolute; top: 0; right: 15px; padding: 5px 0 5px 5px; font-size: 1.2em; }
.actions span { margin: 0 2px; }
.actions a:hover { color: #000; }

/* global classes */

h2.headline { padding: 5px 0 0; margin-bottom: 5px; font-size: 1.6em; color: #579733; border-bottom: 1px solid #EFEFEF;  }
h2.headline small { font-weight: normal; }
h2.headline a { color: #579733; }

h3.subheadline { padding: 15px 0 0; }


/* base */
#header { color: #FFF; }
    #dashb { background-color: #3E3B36; height: 30px; font-size: 1.2em; border-bottom: 1px solid #000; font-weight: bold;  }
        #dashb-link { position: absolute; left: 30px; top: 10px; }
        #dashb-info { position: absolute; right: 20px; top: 0; }
            #dashb-info a, #dashb-info span { float: left; }
            #dashb-info a, #dashb-info span.username { padding: 10px 10px 0; }
            #dashb-info .separator { background: #000; width: 1px; margin-top: 7px; height: 20px; border-right: 1px solid #666; }
        #dashb a { color: #99BBCC; text-decoration: none; }

    #navmenu { background-color: #7fb83d; padding-top: 10px; border-top: 1px solid #92cc47; border-bottom: 1px solid #638E2E; }
        #navmenu .project-title { float: left; font-size: 2.6em; padding-right: 20px;  }
        #navmenu li { float: left; }
        #navmenu a { float: left; }
        .navbutton { padding: 8px 12px 3px; margin: 0 10px -1px 0; background: #326342 url(../images/common/nav-item-bg.png) repeat-x; font-weight: bold; text-decoration: none; color: #FFF; border-bottom: 1px solid #638E2E }
        /*
        #navmenu a { float: left; padding: 9px 10px 8px; margin: 0 5px 0 0; background-color: #326342; font-weight: bold; text-decoration: none; }
        */
        .navbutton:hover { background: #396A42; }
        .navbutton.active { background: #CCE9A2; color: #326342; border-bottom: 1px solid #CCE9A2; }
        .navbutton.active:hover {  }

    .nav-dash { float: left; padding: 10px  0 0 30px; }
    #nav-my { float: right; padding: 10px  0 0 30px; }

#header, #content-action, .breadcrumbs, #footer {  font-family: lucida grande, Helvetica, Arial; }
    #header li { font-size: 1.2em; }

#content { padding: 40px 20px 20px; background: #FFF url(../images/common/content-bg.gif) repeat-x; text-align: left; }

    #content-data { float: left; width: 70%; padding-left: 20px; font-size: 1.2em; }
        #content-data h1 { padding-bottom: 20px; text-align: left; font-size: 1.6em; color: #555; }
        #content-data p { padding: 4px 0; }
        #content-data form p { padding: 10px; }
        form .errorlist { background-color: #F77; padding: 5px; margin-top: 10px;}
        form .errorlist + p { border: 2px solid #F77; }

    #content-action { float: left; width: 15%; max-width: 230px; min-width: 160px;  }
        #content-action h2 { padding: 3px 8px; margin: 0 0 10px; font-size: 1.4em; color: #4A5C64; text-align: right; background: #E3EDF0; -moz-border-radius: 8px; }

        .action-links { margin-bottom: 20px; padding-right: 10px; }
        .action-links li { padding: 3px 0; font-size: 1.2em; }
            .action-links li a { display: block; padding: 3px 22px 3px 0; background: url(../images/common/icon_object-tools_addlink.gif) no-repeat center right;
                color: #596E78; text-decoration: none; font-weight: bold; text-align: right; }
            .action-links li a:hover { color: #99BBCC; }



/* messages */
#messages { margin: 0 0 10px; padding: 7px 10px; background-color: #ECF6F8; -moz-border-radius: 5px; }
    #messages li { padding: 3px 0; font-size: 1.1em; }
    #messages a { margin: 0 5px; }

#messages.errors { background-color: #F77; }


/* tables */
.list-table { width: 100%; }
    .list-table thead tr {
        padding: 4px 5px;
        border: 1px solid #DEDEDE;
        border-left: none;
        background: url(../images/tables/bg_fieldset.gif) repeat-x;
        color: #444; font-weight: bold; font-size: 0.9em;
        width: 200px;
        height: 30px
    }

    .list-table td { padding: 7px 5px; border: 1px solid #DEDEDE; border-left: none; border-top: none; color: #444; font-weight: bold; }

    .list-table .id_col { width: 20px; border-left: 1px solid #DEDEDE; }
    .list-table .status-col, .list-table .count-col { width: 10px; text-align: center; }

    .list-table .alt-row { background: #F7F7F7; }
    .list-table thead tr .header {
	background-image: url(../images/tables/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
    }
    .list-table thead tr .headerSortUp {background-image: url(../images/tables/asc.gif);}
    .list-table thead tr .headerSortDown {background-image: url(../images/tables/desc.gif);}

